<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- <script src="../javascripts/template-web.js"></script> -->
    <script src="../javascripts/axios.js"></script>
    <!-- <script src="javascripts/better-scroll.js"></script> -->

</head>

<body>


    <!-- 


        官网 地址  


        https://github.com/axios/axios

        文档 
        http://www.axios-js.com/zh-cn/docs/


        同样的api , 

        使用 promise 管理异步 ， 告别传统 callback

     -->

    <script>


        // 发起 get 请求
        // axios.get('/list?username=frank&age=10')
        //     .then(function (response) {
        //         // console.log(response);
        //         // console.log(response);
        //         var  data = response.data;
        //         console.log(data);

        //     }).catch(function (error) {
        //         console.log(error);
        //     })


        
        // 发起请求的 第二种方式 
        //  params 可以写到 一个对象里面
        axios.get('/list', {
            params: {
                ID: 12345,
                username:'frank'
            }
        })
        .then(function (response) {
            // console.log(response);
            var data = response.data;
            console.log(data);
        })
        .catch(function (error) {
            console.log(error);
        });


    </script>
</body>

</html>